

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-danger">
  <!-- Container wrapper -->
  <div class="container-fluid">
    <!-- Navbar brand -->
    <!-- <a class="navbar-brand" href="#">首页</a> -->

    <!-- Toggle button -->
    <button
      class="navbar-toggler"
      type="button"
      (click)="basicNavbar.toggle()"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <i class="fas fa-bars"></i>
    </button>

    <!-- Collapsible wrapper -->
    <div
      class="collapse navbar-collapse"
      id="navbarSupportedContent"
      mdbCollapse
      #basicNavbar="mdbCollapse"
    >
      <!-- Left links -->
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a routerLink="/dashboard">主界面 </a>
        </li>
        <li class="nav-item">
          <a routerLink="/heroes">列表</a>
        </li>
        
      </ul>
      <!-- Left links -->

      
    </div>
    <!-- Collapsible wrapper -->
  </div>
  <!-- Container wrapper -->
</nav>
<!-- Navbar -->



  <!-- Background image -->
  <div
    class="p-5 text-center bg-image"
    style="
      background-image: url('assets/img/001.jpeg');
      height: 400px;
    "
  >
    <div class="mask" style="background-color: rgba(0, 0, 0, 0.6);">
      <div class="d-flex justify-content-center align-items-center h-100">
        <div class="text-white">
         
        </div>
      </div>
    </div>
  </div>
  <!-- Background image -->


<router-outlet></router-outlet>
<!-- <app-messages></app-messages> -->
<a href="http://t.csdn.cn/VZW76
">总结报告</a>